<template>
	<view class="content">
		<view class="content-top">
			<view class="content-title">
				<text>生产交班</text>
			</view>
			<hr>
			<u-form :model="formData" ref="formData">
				<u-row gutter="10">
					<u-col span="4">
						<u-form-item :border-bottom="false" label="生产订单:" label-width='150rpx' prop="workorderCode">
							<u-input v-model="formData.workorderCode" disabled placeholder="请输入产品序列号" />
						</u-form-item>
					</u-col>
				</u-row>
			</u-form>
		</view>
		<view class="content-bottom">
			<view class="tab-list">
				<uni-table ref="table" :loading="loading" border stripe emptyText="暂无数据" style="width:100%;">
					<uni-tr>
						<uni-th align="center" width="80">序号</uni-th>
						<uni-th align="center">订单编号</uni-th>
						<uni-th align="center">设备编号</uni-th>
						<uni-th align="center">产品牌号</uni-th>
						<uni-th align="center">生产批号</uni-th>
						<uni-th align="center">当班产量</uni-th>
					</uni-tr>
					<uni-tr>
						<uni-td align="center">1</uni-td>
						<uni-td align="center">NO_0000013048</uni-td>
						<uni-td align="center">W111</uni-td>
						<uni-td align="center">w发动机</uni-td>
						<uni-td align="center">MMQ001</uni-td>
						<uni-td align="center">1</uni-td>
					</uni-tr>
				</uni-table>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {

				show: false,
				type: 'text',
				border: true,
				form: {
					username: '',
				},
				form1: {
					notes: '',
				},
				value: '',
				data_index: "report",
				formData: {
					materialNo: 'w2239234343',
					orderCode: '19828323244',
					orderNumber: 'NO_19382343431',
					description: '15TD发动机(BSG 7D)',
					machine: 'JLH-3G15TD',
					workstations: "STN280_1",
					value: '返修',
				},
				data_list: [],
				loading: false,
			};
		},

		computed: {},
		created() {},
		mounted() {},
		methods: {},
	};
</script>
<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		padding: 20rpx;

		.content-title {
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 600;
			margin: 10px;
		}

		.content-top {
			padding: 20rpx;
			height: 10%;
			width: 100%;
		}

		.content-bottom {
			display: flex;
			flex: 1;
			flex-direction: column;
			margin-top: 20rpx;
			padding: 30rpx;
		}

		.tab-content {
			width: 100%;
			position: relative;

			.tabs {
				display: flex;
				position: relative;
				color: rgb(70, 71, 72);
				border-bottom: 2rpx solid rgb(193, 193, 193);

				.tabs-item {
					margin-right: 80rpx;
					cursor: pointer;
					font-size: 32rpx;

					&.active {
						color: #2979ff;
						z-index: 9;

						&::after {
							content: "";
							bottom: -4rpx;
							left: 0;
							right: 0;
							height: 4rpx;
							background: #2979ff;
						}
					}
				}
			}

			.tab-list {
				display: flex;
				align-items: center;
				width: 100%;
				margin: 20rpx 0;
			}
		}
	}
</style>